<template>
  <div class="echarts">
    master_yh分支更改提交
    <div>
      master_yh <br>
      当以无构建步骤方式使用 Vue 时，组件模板要么是写在页面的 HTML 中，要么是内联的 JavaScript 字符串。
      在这些场景中，为了执行动态模板编译，Vue 需要将模板编译器运行在浏览器中。
      相对的，如果我们使用了构建步骤，由于提前编译了模板，那么就无须再在浏览器中运行了。
      为了减小打包出的客户端代码体积，Vue 提供了多种格式的“构建文件”以适配不同场景下的优化需求。
    </div>
    <div>
      master_yanghui <br>
      默认的工具链中都会使用仅含运行时的版本，因为所有 SFC 中的模板都已经被预编译了。
      如果因为某些原因，在有构建步骤时，
      你仍需要浏览器内的模板编译，你可以更改构建工具配置，将 vue 改为相应的版本
      vue/dist/vue.esm-bundler.js。
    </div>
    master_yanghui分支更改提交
    <div>
      master_yh <br>
      当以无构建步骤方式使用 Vue 时，组件模板要么是写在页面的 HTML 中，要么是内联的 JavaScript 字符串。
      在这些场景中，为了执行动态模板编译，Vue 需要将模板编译器运行在浏览器中。
      相对的，如果我们使用了构建步骤，由于提前编译了模板，那么就无须再在浏览器中运行了。
      为了减小打包出的客户端代码体积，Vue 提供了多种格式的“构建文件”以适配不同场景下的优化需求。
    </div>
    <div>
      master_yanghui <br>
      默认的工具链中都会使用仅含运行时的版本，因为所有 SFC 中的模板都已经被预编译了。
      如果因为某些原因，在有构建步骤时，
      你仍需要浏览器内的模板编译，你可以更改构建工具配置，将 vue 改为相应的版本
      vue/dist/vue.esm-bundler.js。
    </div>
  </div>
</template>

<script>

export default {
  name: "Echarts",
  components: {},
  data() {
    return {};
  },
  methods: {}
};
</script>

<style scoped>
.echarts {
  padding: 16px;
}
</style>